<!DOCTYPE html>
<html lang="zxx" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <title>教师风采</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8"/>
    <link rel="icon" th:href="@{/images/favicon.ico}" href="images/favicon.ico">
    <meta name="keywords" content=""
    />
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!--// Meta tag Keywords -->

    <!-- Custom-Files -->
    <!-- Bootstrap-Core-Css -->
    <link rel="stylesheet" href="css/bootstrap.css" th:href="@{/css/bootstrap.css}">
    <!-- Style-Css -->
    <link rel="stylesheet" th:href="@{/css/style.css}" href="css/style.css" type="text/css" media="all"/>
    <!-- Font-Awesome-Icons-Css -->
    <link rel="stylesheet" href="css/fontawesome-all.css" th:href="@{/css/fontawesome-all.css}">
    <!-- //Custom-Files -->

    <!-- Web-Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
          rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i"
          rel="stylesheet">
    <!-- //Web-Fonts -->

</head>

<body>
<!-- header -->
<div th:replace="include/header::#fragment-id"></div>
<!-- //header -->

<!-- banner -->
<div class="banner-agile-2" style="background: url('../images/gysm.jpg');background-size:100% 100%">
    <div th:replace="include/header::#banner"></div>
</div>
<!-- breadcrumb -->
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
            <img src="https://www.gysxinhua.com/static/pc/picture/tjlb.png">
            <a style="color: red">&nbsp;&nbsp;今日头条：贵阳市商贸学校，热烈欢迎广大学生及家长来学校实地考察！学校咨询电话：13638509343</a>
        </li>
    </ol>
</nav>
<!-- breadcrumb -->
<!-- //banner -->

<!-- gallery -->
<section class="gallery py-5">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="font-weight-bold" style="text-align: center">大咖教师团队 实战经验倾囊相授<br>

            <span class="title text-capitalize font-weight-light text-dark text-center mb-5">均为来自企业的实战讲师，具备多年的教学经验</span>

        </h3>
        <div class="inner-sec pt-md-4">
            <div class="row proj_gallery_grid mt-4">
                <div class="col-sm-4 section_1_gallery_grid" th:each=" t :${teachersList}">
                    <a href="https://www.gysxinhua.com/uploadfile/202303/c00a80b7ad5277e.png" th:href="@{${t.image}}">
                        <div class="section_1_gallery_grid1">
                            <img src="https://www.gysxinhua.com/uploadfile/202303/c00a80b7ad5277e.png" th:src="@{${t.image}}" alt=" "
                                 class="img-fluid"/>
                            <div class="proj_gallery_grid1_pos">
                                <span style="font-size: 26px" th:text="${t.name}"></span>
                                <span th:text="${t.teacherPro}"></span>
                                <p th:text="${t.course}"></p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
<!--//gallery-->

<!-- brands -->
<!-- //brands -->

<!-- footer -->
<div th:replace="include/header::#footer"></div>
<!-- //footer -->


<!-- Js files -->
<!-- JavaScript -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- Default-JavaScript-File -->
<script src="js/bootstrap.js"></script>
<!-- Necessary-JavaScript-File-For-Bootstrap -->

<!-- simpleLightbox -->
<link href="css/simpleLightbox.css" rel='stylesheet' type='text/css'/>
<script src="js/simpleLightbox.js"></script>
<script>
    $('.proj_gallery_grid a').simpleLightbox();
</script>
<!-- //simpleLightbox -->

<!-- smooth scrolling -->
<script src="js/SmoothScroll.min.js"></script>
<!-- //smooth scrolling -->

<!-- move-top -->
<script src="js/move-top.js"></script>
<!-- easing -->
<script src="js/easing.js"></script>
<!--  necessary snippets for few javascript files -->
<script src="js/edulearn.js"></script>

<!-- //Js files -->


</body>

</html>